<!--
Create tabs with an icon and label, using the tabs-positive style.
Each tab's child <ion-nav-view> directive will have its own
navigation history that also transitions its views in and out.
-->
<ion-tabs class="tabs-icon-top tabs-color-active-positive" ng-class="{'tabs-item-hide':isHideTabBar}">

  <!-- home Tab -->
  <ion-tab title="Home" icon-off="icon icon-home" icon-on="icon icon-homeSelect" href="#/tab/home">
    <ion-nav-view name="tab-home"></ion-nav-view>
  </ion-tab>

  <!-- search Tab -->
  <ion-tab title="Search" icon-off="icon icon-search" icon-on="icon icon-searchSelect" href="#/tab/search">
    <ion-nav-view name="tab-search"></ion-nav-view>
  </ion-tab>

  <!-- cart Tab -->
  <ion-tab title="Carts" badge="badges.carts" badge-style="badge-assertive" icon-off="icon icon-cart" icon-on="icon icon-cartSelect" href="#/tab/cart">
    <ion-nav-view name="tab-cart"></ion-nav-view>
  </ion-tab>

  <!-- me Tab -->
  <ion-tab title="Me" icon-off="icon icon-me" icon-on="icon icon-meSelect" href="#/tab/me">
    <ion-nav-view name="tab-me"></ion-nav-view>
  </ion-tab>


</ion-tabs>
